<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>案例三</title>
		<link rel="stylesheet" href="js/bootstrap-3.4.1/css/bootstrap.min.css" />
		<link rel="stylesheet" href="js/bootstrap-3.4.1/css/bootstrap-theme.min.css" />

		<script type="text/javascript" src="js/jquery-3.6.0.min.js"></script>
		<script type="text/javascript" src="js/bootstrap-3.4.1/js/bootstrap.min.js"></script>

		<link rel="stylesheet" href="js/bootstrap-3.4.1/css/bootoast.css" />
		<script src="js/bootstrap-3.4.1/js/bootoast.js" type="text/javascript" charset="UTF-8"></script>
		<script type="text/javascript">
			function login() {
				bootoast({
					message: "登录成功",
					type: "success",
					position: "top",
					timeout: 5
				})
			}
		</script>
	</head>
	<body>
		<div class="container">
			<div class="row" style="width:100%; height:130px;"></div>
			<div class="row">
				<div class="col-md-3"></div>
				<div class="col-md-6">
					<div id="login">
						<img src="./img/tubiao.png" class="img-responsive" />
						<form>
							<div class="form-group">
								<label for="exampleInputEmail1">用户名</label>
								<input type="email" class="form-control" id="exampleInputEmail1" placeholder="请输入用户名">
							</div>
							<div class="form-group">
								<label for="exampleInputPassword1">密码</label>
								<input type="password" class="form-control" id="exampleInputPassword1"
									placeholder="请输入密码">
							</div>
							<div class="checkbox">
								<label>
									<input type="checkbox"> 记住密码
								</label>
							</div>
							<button type="submit" class="btn btn-default btn-primary btn-lg btn-block active"
								onclick="login()">登录</button>
						</form>
					</div>
				</div>
				<div class="col-md-3"></div>
			</div>
		</div>
	</body>
</html>
